<template>
  <transition>
    <slot></slot>
  </transition>
</template>
<script>
export default {
  name: 'FadeRight'
}
</script>
<style scoped>
.v-enter,
.v-leave-to {
  opacity: 1;
  transform: translateX(400px);
}

.v-enter-active,
.v-leave-active {
  transition: all 0.5s;
}
</style>
